<script>

import BasePowderInspectionList from './BasePowderInspectionList.vue'
import BasePowderInspectionReport from './BasePowderInspectionReport.vue'

export default {
  // 基粉检验报告
  name: 'BasePowderInspection',
  components: { BasePowderInspectionReport, BasePowderInspectionList },
  data() {
    return {
      activeKey: 'notGenerated'
    }
  },
  methods: {
    handleChangeTab() {
    }
  }
}
</script>

<template>
  <a-card :bordered="false" class="base-powder-inspection-container">
    <!-- 未生成  已审批 -->
    <a-tabs v-model="activeKey" @change="handleChangeTab">
      <a-tab-pane key="notGenerated" tab="未生成">
        <base-powder-inspection-list v-if="activeKey==='notGenerated'" />
      </a-tab-pane>
      <a-tab-pane key="temporary" tab="暂存中">
        <base-powder-inspection-report v-if="activeKey==='temporary'" :activeKey="activeKey"/>
      </a-tab-pane>
      <a-tab-pane key="approved" tab="已审批">
        <base-powder-inspection-report v-if="activeKey==='approved'" :activeKey="activeKey"/>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<style scoped>

</style>